<template lang="html">
    <div v-loading="loading">
        <div :class="$style.carousel">
            <el-row>
                <el-col
                    :span="2"
                    align="center"
                >
                    <img
                        src="../assets/images/通知广播.png"
                        :class="$style.tongzhiguangbo"
                    >
                </el-col>
                <el-col
                    :span="22"
                    align="center"
                >
                    <marquee>
                        操作时长有时会持续1~15秒，都属于正常情况，请稍安勿躁；其他资源平台也相应在添加并完善当中。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;找志同道合的UI小伙伴一起做Project，有意向的加微信！
                    </marquee>
                </el-col>
            </el-row>
        </div>
        <Banner />
        <Search />
        <!-- <UserFunc /> -->
    </div>
</template>

<script>
// import Heador from './Header.vue'
import Banner from './Banner.vue'
import Search from './Search.vue'
// import UserFunc from './Userfunc.vue'
export default {
    data() {
        return {
            loading: false,
        }
    },
    created: function() {
        this.$notify({
            title: '目前支持的资源平台',
            dangerouslyUseHTMLString: true,
            duration: 0,
            message: '<br><span style=""><b>千库网</b>(<a href="https://588ku.com/" target="_blank">https://588ku.com/</a>)</span><br><span style=""><b>千图网</b>(<a href="https://www.58pic.com/" target="_blank">https://www.58pic.com/</a>)</span><br><span style=""><b>90设计</b>(<a href="http://90sheji.com/" target="_blank">http://90sheji.com/</a>)</span><br><span style=""><b>觅知网</b>(<a href="https://www.51miz.com/" target="_blank">https://www.51miz.com/</a>)(PPT图表类别不可用)</span><br>其他资源平台正在<span style="color:red">添加并完善当中</span>...'
        });
        this.$notify({
            title: '联系我们',
            dangerouslyUseHTMLString: true,
            duration: 0,
            offset: 200,
            message: "<br><a href='//shang.qq.com/wpa/qunwpa?idkey=f1f0cb3953564f41c509c798468cb90710bd0de8595f5f2e0a8e5990475acbf3' target='_blank'>点击加入 <span style='color:red'>QQ群</span></a><br>微信：<i>deariloveyoumemeda</i><br><br><a href='https://www.bilibili.com/video/av82608736/' target='_blank'>使用视频教程</a><br><br><span>为了保护你的账号安全，网站<span style='color:red'>暂不支持IE8及以下版本浏览器</span>访问，建议你升级到IE最新版本浏览器，或使用Chrome等其他浏览器。</span>"
        });

    },
    components: {
        Banner,
        Search,
        // Heador,
        // UserFunc
    },
}
</script>

<style lang="scss" scoped module>
.carousel {
    width: 600px;
    height: 50px;
    font-size: 15px;
    margin: 50px auto 0;
    align-items: center;
    .tongzhiguangbo {
        width: 20px;
        height: 20px;
    }
}
</style>
